import React, { useRef } from 'react'

export default function RefCom() {
  //1. 创建 ref
  let input = useRef();
  let div = useRef();
  //声明函数
  let send =() => {
    // 3. 事件回调中获取真实 DOM
    let v = input.current.value;
    //设置 div 的文本
    div.current.innerHTML = v;
  }
  return (
    <div>
      {/* 2. 为虚拟 DOM 对象设置 ref 属性 */}
      <input type="text" ref={input}  /><button onClick={send}>发送</button>
      <hr />
      <div ref={div} style={{width: 300, height: 200, border: 'solid 1px #123'}}>
      </div>
    </div>
  )
}
